<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人主页</title>
    <link rel="shortcut icon" href="images/ico.png" >
    <script src="js/jquery-3.5.1.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/Mock.js/1.0.1-beta3/mock-min.js"></script>
    <style>
        * {
            margin: 0;
        }

        body {
            /* background-image: url(images/login_bg2.jpg);
            background-size:100%;
            background-repeat: no-repeat; */
            background-color: rgb(231, 234, 243);
        }

        .content {
            width: 1000px;
            margin: 70px auto;
            /* background-color: #fff; */
            /* border: 1px solid #fff; */
        }

        .head {
            width: 1000px;
            height: 400px;
            background-color: #fff;
            box-shadow: 0 0 5px 2px rgb(204, 217, 235);
            position: relative;
        }

        .main_left {
            width: 660px;
            height: 100%;
            margin-top: 10px;
            background-color: #fff;
            opacity: 0.9;
            box-shadow: 0 0 5px 2px rgb(204, 217, 235);
            float: left;
            position: relative;
            margin-bottom: 20px;
        }

        .main_right {
            width: 330px;
            height: 280px;
            margin-top: 10px;
            margin-bottom: 20px;
            background-color: #fff;
            opacity: 0.9;
            box-shadow: 0 0 5px 2px rgb(204, 217, 235);
            float: right;
        }

        #titlepage {
            width: 996px;
            height: 240px;
            /* background-image: url(images/login_bg2.jpg); */
            /* background-size: cover; */
            opacity: 0.9;
            position: absolute;
            left: 2px;
            top: 0;
            overflow: hidden;
        }

        #tp_image {
            width: 996px;
            position: absolute;
        }

        .tp_changebtn {
            width: 130px;
            height: 30px;
            border: 1px solid rgb(204, 217, 235);
            border-radius: 10px;
            color: rgb(226, 228, 255);
            font-size: 12px;
            line-height: 30px;
            text-align: center;
            float: right;
            margin: 5px;
            opacity: 0.5;
        }

        .tp_changebtn svg {
            position: relative;
            top: 3px;
            margin-right: 2px;
        }

        .tp_changebtn:hover {
            opacity: 0.9;
            cursor: pointer;
        }

        #icon {
            width: 180px;
            height: 180px;
            /* background-image: url(images/logo.jpg); */
            background-size: cover;
            opacity: 1;
            position: absolute;
            left: 30px;
            top: 45%;
            border-radius: 10px;
            z-index: 1;
            box-shadow: 2px 2px 3px rgb(60, 193, 255),
                -2px -2px 3px rgb(60, 193, 255);
        }

        #icon_image {
            width: 180px;
            height: 180px;
            border-radius: 10px;
            position: absolute;
        }

        #icon_change {
            width: 180px;
            height: 180px;
            background-color: #000;
            float: left;
            border-radius: 10px;
            display: none;
            text-align: center;
            opacity: 0.5;
        }

        #icon:hover {
            cursor: pointer;
        }

        #icon_change svg {
            position: relative;
            top: 30px;
        }

        .head input {
            display: none;
        }

        #information {
            width: 740px;
            height: 140px;
            /* background-color: burlywood; */
            position: absolute;
            bottom: 5px;
            left: 230px;
            padding: 5px;
        }

        #information h1 {
            font-size: 28px;
            margin: 5px 5px;
        }

        #information span {
            font-size: 16px;
            margin: 5px 6px;
            color: #444;
        }

        #information p {
            font-size: 13px;
            margin: 25px 5px;
            color: #aaa;
        }

        #information p:hover {
            cursor: pointer;
        }

        #information span .change,
        .more {
            position: relative;
            top: 3px;
            margin-right: 5px;
        }

        .infor_changebtn {
            width: 150px;
            height: 40px;
            border: 1px solid rgb(94, 113, 179);
            border-radius: 10px;
            color: rgb(94, 113, 179);
            font-size: 14px;
            line-height: 40px;
            text-align: center;
            float: right;
            position: relative;
            top: -60px;
        }

        .nav ul {
            list-style: none;
            padding: 0;
            border-bottom: 1px solid #eee;
        }

        .nav li {
            display: inline-block;
            width: 50px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            /* background-color: cadetblue; */
            margin-top: 5px;
            margin-left: 20px;
        }

        .nav li:hover {
            cursor: pointer;
        }

        .navclass {
            font-weight: 700;
            box-shadow: 0px 2px 0px rgb(89, 81, 165);
        }

        .nav svg {
            position: relative;
            top: 3px;
        }

        #deve1 ul,
        #deve2 ul,
        #deve3 ul,
        #deve4 ul,
        #deve5 ul,
        #deve6 ul,
        #deve7 ul {
            list-style: none;
            padding: 0 10px;
        }

        #deve2,
        #deve3,
        #deve4,
        #deve5,
        #deve6,
        #deve7 {
            display: none;
        }

        #deve1 li,
        #deve2 li,
        #deve3 li,
        #deve4 li,
        #deve5 li,
        #deve6 li,
        #deve7 li {
            padding: 20px;
            border-bottom: 1px solid #eee;
            position: relative;
        }

        .main_left span {
            display: block;
            width: 200px;
            height: 30px;
            line-height: 30px;
            font-size: 15px;
            color: #888;
        }

        .main_left p {
            color: #333;
            font-size: 13px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            margin-top: 5px;
        }

        .main_left img {
            width: 40px;
            height: 40px;
            margin-top: 15px;
            border-radius: 5px;
        }

        .main_left .answer_name {
            display: block;
            width: 200px;
            height: 30px;
            line-height: 30px;
            font-size: 15px;
            font-weight: 600;
            color: #333;
            position: absolute;
            left: 80px;
            top: 85px;
        }

        .main_left .answer_info {
            display: block;
            width: 500px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            color: #555;
            position: absolute;
            left: 80px;
            top: 105px;
        }

        .agree1 {
            width: 100px;
            height: 30px;
            background-color: rgb(89, 81, 165);
            border-radius: 10px;
            color: #fff;
            margin: 10px 0px;
            font-size: 13px;
            line-height: 30px;
            padding: 0 3px;
            position: relative;
        }

        .agree1 svg {
            position: relative;
            top: 4px;
            left: 2px;
        }

        .agree2 svg {
            position: relative;
            top: 4px;
        }

        .agree2 {
            width: 30px;
            height: 30px;
            background-color: rgb(231, 234, 243);
            border-radius: 10px;
            position: absolute;
            top: 196px;
            left: 135px;
            text-align: center;
        }

        .main_right .icon {
            width: 100px;
            height: 100px;
            margin: 30px auto;
        }

        .main_right .creative_center {
            width: 100px;
            height: 30px;
            background-color: rgb(89, 81, 165);
            border-radius: 10px;
            float: left;
            color: #fff;
            line-height: 30px;
            text-align: center;
            font-weight: 600;
            margin: 5px 0 0 10px;
        }

        .main_right .kt {
            height: 30px;
            width: 80px;
            float: right;
            font-size: 14px;
            margin-top: 5px;
            line-height: 30px;
            color: #aaa;
        }

        .main_right .kt svg {
            position: relative;
            top: 5px;
            left: -5px;
        }

        .main_right .bottom {
            width: 280px;
            height: 80px;
            box-shadow: 0px 2px 3px 0px rgb(204, 217, 235);
            float: left;
            margin: 10px 25px;
        }

        .bottom ul {
            list-style: none;
            padding: 0;
        }

        .bottom li {
            display: inline-block;
            width: 48%;
            height: 80px;
            text-align: center;
            /* background-color: cadetblue; */
        }

        .bottom span {
            display: inline-block;
            height: 40px;
            line-height: 40px;
            color: #aaa;
        }

        .bottom h3 {
            color: rgb(48, 42, 100);
        }

        .bottom li+li {
            border-left: 1px solid rgb(204, 217, 235);
        }

        #transform {
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.5;
            position: fixed;
            left: 0;
            top: 0;
            display: none;
            z-index: 10;
        }

        #message {
            width: 500px;
            height: 500px;
            margin: 0 auto;
            box-shadow: 0 0 5px 2px #333(204, 217, 235);
            display: none;
            position: fixed;
            left: 0;
            right: 0;
            top: 20%;
            background-color: #fff;
            z-index: 10;
        }
    </style>
    <script>
        var Random = Mock.Random
        // console.log(Mock.mock('@cparagraph(1, 3)'))
        Random.extend({
            constellation: function (date) {
                var constellations = ['icon01.jpg', 'icon02.jpg', 'icon03.jpg', 'icon04.jpg', 'icon05.jpg', 'icon06.jpg', 'icon07.jpg', 'icon08.jpg', 'icon09.jpg', 'icon10.jpg']
                return this.pick(constellations)
            }
        })
        // console.log(Random.constellation())
        window.onload = function () {
            //编辑个人资料
            document.querySelector('.infor_changebtn').onclick = function (e) {
                document.querySelector('#transform').style.display = 'block'
                document.querySelector('#message').style.display = 'block'
                if (e.stopPropagation) {
                    e.stopPropagation()
                }
                document.onclick = function () {
                    document.querySelector('#transform').style.display = 'none'
                    document.querySelector('#message').style.display = 'none'
                }
            }

            //更改头像鼠标悬浮
            $('#icon').on({
                mouseover: function () {
                    $('#icon_change').css('display', 'block')
                },
                mouseout: function () {
                    $('#icon_change').css('display', 'none')
                }
            })
            $('.tp_changebtn').click(function () {
                $('#tp_input').trigger('click')
            })

            //添加生成的随机数据
            Mock.mock('http://localhost:5500/api/getAllUsers', function () {
                var result = []
                var Newslength = parseInt(Math.random() * 20);

                for (var i = 0; i < Newslength; i++) {
                    // console.log("1")
                    var rndUser = Mock.mock({
                        'answer_name': Random.cname(),
                        'answer_info': Random.cparagraph(1),
                        'title': Random.cparagraph(1),
                        'text':Random.cparagraph(),
                        'logo': Random.constellation(),
                        'num|1-10000': 1000,
                        'commentnum|1-500': 100,
                    })
                    result.push(rndUser)
                }
                return result
            })

            $.ajax({
                url: 'http://localhost:5500/api/getAllUsers',
                type: 'get',
                dataType: 'json',
                success: function (data) {
                    var strHTMl = ''
                    for (var i = 0; i < data.length; i++) {
                        strHTMl += `<li>
                        <span>赞同了回答</span>
                        <h3>${data[i].title}</h3>
                        <img src="images/${data[i].logo}" alt="">
                        <span class="answer_name">${data[i].answer_name}</span>
                        <span class="answer_info">${data[i].answer_info}</span>
                        <span>${data[i].num}人也赞同了该回答</span>
                        <p style="width: 600px; height: 15px; overflow: hidden;">${data[i].text}</p>
                        <div class="agree1">
                            <svg t="1597826630853" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3687" width="20" height="20">
                                <path d="M256.32 640l256-256 256 256z" fill="#ffffff" p-id="3688"></path>
                            </svg>
                            已赞同&nbsp;${data[i].num}</div>
                        <div class="agree2">
                            <svg t="1597826650976" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3928" width="20" height="20">
                                <path d="M768 384l-256 256-256-256z" fill="#463a6a" p-id="3929"></path>
                            </svg>
                        </div>
                    </li>`
                    }
                    $('.deve_ul').html(strHTMl)
                },
                error: function () {
                    console.log("请求失败")
                }
            })
            document.getElementsByClassName('first')[1].onclick = function(){
                location.href="index.html"
            }
            document.getElementsByClassName('second')[0].onclick = function(){
                location.href="personal.html"
            }
        }





        //更换头像、封面
        function chanagePicture() {
            // console.log("diyici zhixing ")
            document.querySelectorAll('[type="file"]')[1].click()
        }
        function showFileInfo(that) {
            // console.log("wo zhixing ke ")
            var fileReader = new FileReader()
            fileReader.readAsDataURL(that.files[0])
            fileReader.onload = function (e) {
                // console.log(e.target.result)
                document.querySelector('#icon_image').src = e.target.result
            }
        }
        function changeTp() {
            // console.log("diyici zhixing ")
            document.querySelectorAll('[type="file"]')[0].click()
        }
        function showFileInfo2(that) {
            var fileReader = new FileReader()
            fileReader.readAsDataURL(that.files[0])
            fileReader.onload = function (e) {
                document.querySelector('#tp_image').src = e.target.result
            }
        }

        //切换导航栏
        function dynamic() {
            removeNavclass()
            document.querySelector('#deve1').style.display = 'inline-block'
            document.querySelector('#deve2').style.display = 'none'
            document.querySelector('#deve3').style.display = 'none'
            document.querySelector('#deve4').style.display = 'none'
            document.querySelector('#deve5').style.display = 'none'
            document.querySelector('#deve6').style.display = 'none'
            document.querySelector('#deve7').style.display = 'none'
            var ul = document.querySelector('.nav_ul')
            ul.firstElementChild.classList.add("navclass")
        }
        function answer() {
            removeNavclass()
            document.querySelector('#deve1').style.display = 'none'
            document.querySelector('#deve2').style.display = 'inline-block'
            document.querySelector('#deve3').style.display = 'none'
            document.querySelector('#deve4').style.display = 'none'
            document.querySelector('#deve5').style.display = 'none'
            document.querySelector('#deve6').style.display = 'none'
            document.querySelector('#deve7').style.display = 'none'
            var ul = document.querySelector('.nav_ul')
            ul.firstElementChild.nextElementSibling.classList.add("navclass")
        }
        function video() {
            removeNavclass()
            document.querySelector('#deve1').style.display = 'none'
            document.querySelector('#deve2').style.display = 'none'
            document.querySelector('#deve3').style.display = 'inline-block'
            document.querySelector('#deve4').style.display = 'none'
            document.querySelector('#deve5').style.display = 'none'
            document.querySelector('#deve6').style.display = 'none'
            document.querySelector('#deve7').style.display = 'none'
            var ul = document.querySelector('.nav_ul')
            ul.firstElementChild.nextElementSibling.nextElementSibling.classList.add("navclass")
        }
        function question() {
            removeNavclass()
            document.querySelector('#deve1').style.display = 'none'
            document.querySelector('#deve2').style.display = 'none'
            document.querySelector('#deve3').style.display = 'none'
            document.querySelector('#deve4').style.display = 'inline-block'
            document.querySelector('#deve5').style.display = 'none'
            document.querySelector('#deve6').style.display = 'none'
            document.querySelector('#deve7').style.display = 'none'
            var ul = document.querySelector('.nav_ul')
            ul.firstElementChild.nextElementSibling.nextElementSibling.nextElementSibling.classList.add("navclass")
        }
        function text() {
            removeNavclass()
            document.querySelector('#deve1').style.display = 'none'
            document.querySelector('#deve2').style.display = 'none'
            document.querySelector('#deve3').style.display = 'none'
            document.querySelector('#deve4').style.display = 'none'
            document.querySelector('#deve5').style.display = 'inline-block'
            document.querySelector('#deve6').style.display = 'none'
            document.querySelector('#deve7').style.display = 'none'
            var ul = document.querySelector('.nav_ul')
            ul.lastElementChild.previousElementSibling.previousElementSibling.previousElementSibling.classList.add("navclass")
        }
        function column() {
            removeNavclass()
            document.querySelector('#deve1').style.display = 'none'
            document.querySelector('#deve2').style.display = 'none'
            document.querySelector('#deve3').style.display = 'none'
            document.querySelector('#deve4').style.display = 'none'
            document.querySelector('#deve5').style.display = 'none'
            document.querySelector('#deve6').style.display = 'inline-block'
            document.querySelector('#deve7').style.display = 'none'
            var ul = document.querySelector('.nav_ul')
            ul.lastElementChild.previousElementSibling.previousElementSibling.classList.add("navclass")
        }
        function idea() {
            removeNavclass()
            document.querySelector('#deve1').style.display = 'none'
            document.querySelector('#deve2').style.display = 'none'
            document.querySelector('#deve3').style.display = 'none'
            document.querySelector('#deve4').style.display = 'none'
            document.querySelector('#deve5').style.display = 'none'
            document.querySelector('#deve6').style.display = 'none'
            document.querySelector('#deve7').style.display = 'inline-block'
            var ul = document.querySelector('.nav_ul')
            ul.lastElementChild.previousElementSibling.classList.add("navclass")
        }
        //清除导航栏样式
        function removeNavclass() {
            var ul = document.querySelector('.nav_ul')
            for (var i = 0; i < ul.children.length; i++) {
                ul.children[i].classList.remove("navclass")
            }
        }
    </script>
</head>

<body>
    <!-- 导航栏 -->
    <div id="Navigation"></div>
    <!-- 版心 -->
    <div class="content">
        <div class="head">
            <div id="titlepage">
                <img src="images/login_bg2.jpg" id="tp_image" alt="">
                <input type="file" name="" multiple onchange="showFileInfo2(this)">
                <div class="tp_changebtn" onclick="changeTp()">
                    <svg t="1597738484243" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="4307" width="16" height="16">
                        <path
                            d="M269.44 256l23.296-75.381333A74.666667 74.666667 0 0 1 364.074667 128h295.850666a74.666667 74.666667 0 0 1 71.338667 52.618667L754.56 256H821.333333c64.8 0 117.333333 52.533333 117.333334 117.333333v426.666667c0 64.8-52.533333 117.333333-117.333334 117.333333H202.666667c-64.8 0-117.333333-52.533333-117.333334-117.333333V373.333333c0-64.8 52.533333-117.333333 117.333334-117.333333h66.773333z m23.605333 64H202.666667a53.333333 53.333333 0 0 0-53.333334 53.333333v426.666667a53.333333 53.333333 0 0 0 53.333334 53.333333h618.666666a53.333333 53.333333 0 0 0 53.333334-53.333333V373.333333a53.333333 53.333333 0 0 0-53.333334-53.333333h-90.378666a32 32 0 0 1-30.570667-22.549333l-30.272-97.930667a10.666667 10.666667 0 0 0-10.186667-7.52H364.074667a10.666667 10.666667 0 0 0-10.186667 7.52l-30.272 97.92A32 32 0 0 1 293.045333 320zM512 725.333333c-88.362667 0-160-71.637333-160-160 0-88.362667 71.637333-160 160-160 88.362667 0 160 71.637333 160 160 0 88.362667-71.637333 160-160 160z m0-64a96 96 0 1 0 0-192 96 96 0 0 0 0 192z"
                            p-id="4308" fill="#eeeeee"></path>
                    </svg>
                    编辑封面图片</div>
            </div>
            <div id="icon" onclick="chanagePicture()">
                <img src="images/logo.jpg" id="icon_image" alt="">
                <input type="file" name="" multiple onchange="showFileInfo(this)">
                <div id="icon_change">
                    <svg t="1597738484243" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="4307" width="100" height="100">
                        <path
                            d="M269.44 256l23.296-75.381333A74.666667 74.666667 0 0 1 364.074667 128h295.850666a74.666667 74.666667 0 0 1 71.338667 52.618667L754.56 256H821.333333c64.8 0 117.333333 52.533333 117.333334 117.333333v426.666667c0 64.8-52.533333 117.333333-117.333334 117.333333H202.666667c-64.8 0-117.333333-52.533333-117.333334-117.333333V373.333333c0-64.8 52.533333-117.333333 117.333334-117.333333h66.773333z m23.605333 64H202.666667a53.333333 53.333333 0 0 0-53.333334 53.333333v426.666667a53.333333 53.333333 0 0 0 53.333334 53.333333h618.666666a53.333333 53.333333 0 0 0 53.333334-53.333333V373.333333a53.333333 53.333333 0 0 0-53.333334-53.333333h-90.378666a32 32 0 0 1-30.570667-22.549333l-30.272-97.930667a10.666667 10.666667 0 0 0-10.186667-7.52H364.074667a10.666667 10.666667 0 0 0-10.186667 7.52l-30.272 97.92A32 32 0 0 1 293.045333 320zM512 725.333333c-88.362667 0-160-71.637333-160-160 0-88.362667 71.637333-160 160-160 88.362667 0 160 71.637333 160 160 0 88.362667-71.637333 160-160 160z m0-64a96 96 0 1 0 0-192 96 96 0 0 0 0 192z"
                            p-id="4308" fill="#eeeeee"></path>
                    </svg>
                </div>

            </div>

            <div id="information">
                <h1>知遇001</h1>
                <span><svg class="change" t="1597738385427" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="4166" width="20" height="20">
                        <path
                            d="M896 864a32 32 0 0 1 0 64H128a32 32 0 0 1 0-64z m-60.16-733.621333l15.093333 15.093333c45.866667 45.834667 45.866667 120.16 0 166.005333L418.794667 743.338667a160.192 160.192 0 0 1-78.122667 42.986666l-152.245333 34.197334c-23.84 5.365333-44.661333-16.853333-37.749334-40.288l43.338667-146.88a160.042667 160.042667 0 0 1 40.373333-67.925334l435.328-435.050666c45.866667-45.834667 120.245333-45.834667 166.112 0zM636.32 254.304L279.68 610.709333a96.021333 96.021333 0 0 0-24.213333 40.746667l-27.946667 94.656 99.093333-22.261333a96.117333 96.117333 0 0 0 46.869334-25.781334L726.933333 344.842667l-90.602666-90.538667z m78.698667-78.656l-33.397334 33.386667 90.602667 90.538666 33.386667-33.376a53.333333 53.333333 0 0 0 0-75.456l-15.093334-15.093333a53.408 53.408 0 0 0-75.498666 0z"
                            p-id="4167"></path>
                    </svg>编辑个性签名</span>
                <p><svg class="more" t="1597737142479" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="2672" width="15" height="15">
                        <path d="M512 685.248l-278.624-278.624 45.248-45.248L512 594.752l233.376-233.376 45.248 45.248z"
                            fill="#aaaaaa" p-id="2673"></path>
                    </svg>查看更多个人信息</p>
                <div class="infor_changebtn">编辑个人资料</div>
            </div>
        </div>
        <div class="main_left">
            <div class="nav">
                <ul class="nav_ul">
                    <li onclick="dynamic()" class="navclass">动态</li>
                    <li onclick="answer()">回答</li>
                    <li onclick="video()">视频</li>
                    <li onclick="question()">提问</li>
                    <li onclick="text()">文章</li>
                    <li onclick="column()">专栏</li>
                    <li onclick="idea()">想法</li>
                    <li onclick="more()">更多<svg t="1597745702277" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="4017" width="15" height="15">
                            <path
                                d="M512 685.248l-278.624-278.624 45.248-45.248L512 594.752l233.376-233.376 45.248 45.248z"
                                fill="#181818" p-id="4018"></path>
                        </svg>
                    </li>
                </ul>
            </div>
            <div id="deve1">
                <ul class="deve_ul">
                </ul>
            </div>
            <div id="deve2">
                <ul>
                    <li>
                        <span>回答了问题</span>
                        <h3>医生在医院见到过怎样奇葩的人？</h3>
                        <img src="images/01.jpg" alt="">
                        <span class="answer_name">急诊狼人</span>
                        <span class="answer_info">急诊医学硕士/中毒救治（百草枯、有机磷、笑气）/丁香园达人</span>
                        <span>3,146人也赞同了该回答</span>
                        <p style="width: 600px; height: 15px; overflow: hidden;">  
                            一位28岁的轻年，晚上快十一点了来看急诊，后面跟着他的母亲。我问“你哪里不舒服？”
                            他母亲回复我，“他吃了百草枯。”从进门他就表现的很坦然，进门诊后，
                            他就坐在检查床上不说话。我问喝了多久了，喝了多少，也不理我。但是看他的样子，
                            是没喝，因为他妈妈也很淡定。我问洗胃了吗，他也不回答。我拿出尿管，递给他，说，
                            “去取点尿化验一下。”他拿着尿管，转身离开，他妈妈随着他离开，应该是去厕所留尿了吧！
                            他离开后，我和门诊的值班的护士说，“他肯定没喝。”护士笑了笑，没回答我，继续看她的小说。
                            这个病人是直接来的急诊中毒门诊，不是去急诊分诊台，也就是说他不着急，都能找到急诊中毒科，
                            毕竟门诊对外人很难找。几分钟后，他拿了一管尿进来，护士接过，加入试剂，我站在旁边检测结果。
                            两种试剂混合导入尿液，尿液变色。而病人看到尿液变色后，明显的泄了口气，有种如释重负的感觉。
                            而我看到尿液变色后，就把病人的妈妈引出门诊，告诉她，她儿子的病情很重，需要洗胃，血液净化，
                            风险很大，说完后。病人的妈妈回答我，要和她儿子商量一下。商量也没出去，就在门诊。
                            病人很平和的拒绝了所有治疗，除了要住院观察外。我又在病人面前说了一遍严重性，没有。
                            给他找了个床自生自灭吧。夜班下班前，病人来要了请假条，让他妈妈送到单位去。此后数天，
                            检查也没事，嘴也没烂，一切很好。每天查房他也不说话，就是在看手机。因为很特别，大家很关注他吧。
                            有天夜班，我在科室里问，“为什么他能这样呢？”搭班的还是那个喜欢看小说的护士，她回答我，
                            “你不知道吗？那个病人为了请假，吃了百草枯。为了能检测出来，他真的吃了。为了控制吃百草枯的量，
                            他用针管测了百草枯量，保证少于致死量。为了让百草枯不腐蚀口腔，他用针管吸了百草枯注射进胶囊里吃进去的。
                            所以…”听完这一通解释，我你*，这是什么智商。为了请假还能这样！这病人住满21天出院，
                            据听说他又用同样的方法来住院请假被拒绝了。是不是很神奇，错，还有神人。我一个同学学乳腺外的，男生。…，
                            不说了，怕有人学。
                        </p>
                        <div class="agree1">
                            <svg t="1597826630853" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3687" width="20" height="20">
                                <path d="M256.32 640l256-256 256 256z" fill="#ffffff" p-id="3688"></path>
                            </svg>
                            已赞同&nbsp;664</div>
                        <div class="agree2">
                            <svg t="1597826650976" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="3928" width="20" height="20">
                                <path d="M768 384l-256 256-256-256z" fill="#463a6a" p-id="3929"></path>
                            </svg>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="deve3">
                <ul>
                    <li>
                        <span>关注了问题</span>
                        <h3>如果你是闪耀暖暖里的暖暖，你会怎么做？</h3>
                    </li>
                </ul>
            </div>
            <div id="deve4">
                <ul>
                    <li>
                        <span>关注了问题</span>
                        <h3>如果你是闪耀暖暖里的暖暖，你会怎么做？</h3>
                    </li>
                </ul>
            </div>
            <div id="deve5">
                <ul>
                    <li>
                        <span>关注了问题</span>
                        <h3>如果你是闪耀暖暖里的暖暖，你会怎么做？</h3>
                    </li>
                </ul>
            </div>
            <div id="deve6">
                <ul>
                    <li>
                        <span>关注了问题</span>
                        <h3>如果你是闪耀暖暖里的暖暖，你会怎么做？</h3>
                    </li>
                </ul>
            </div>
            <div id="deve7">
                <ul>
                    <li>
                        <span>关注了问题</span>
                        <h3>如果你是闪耀暖暖里的暖暖，你会怎么做？</h3>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main_right">
            <div class="creative_center">创作中心</div>
            <div class="kt">去开通
                <svg t="1597752503211" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                    p-id="23658" width="20" height="20">
                    <path d="M434.944 790.624l-45.248-45.248L623.04 512l-233.376-233.376 45.248-45.248L713.568 512z"
                        fill="#aaaaaa" p-id="23659"></path>
                </svg>
            </div>
            <div class="icon">
                <svg t="1597752294502" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="22649" width="100" height="100">
                    <path
                        d="M384 192c52.928 0 96 43.072 96 96s-43.072 96-96 96-96-43.072-96-96 43.072-96 96-96m0 256c88.224 0 160-71.776 160-160s-71.776-160-160-160-160 71.776-160 160 71.776 160 160 160M704 352a64 64 0 1 1-0.032 128.032A64 64 0 0 1 704 352m0 192c70.592 0 128-57.408 128-128s-57.408-128-128-128-128 57.408-128 128 57.408 128 128 128M772.576 608.096h-137.12c-2.944 0-5.76 0.416-8.64 0.64A160.128 160.128 0 0 0 480 512H288c-88.192 0-160 71.776-160 160v224h64v-224c0-52.928 43.072-96 96-96h192c52.96 0 96 43.072 96 96v224h64v-223.904h132.576c32.768 0 59.424 26.656 59.424 59.392V896h64v-164.512a123.52 123.52 0 0 0-123.424-123.392"
                        fill="#463a6a" p-id="22650"></path>
                </svg>
            </div>
            <div class="bottom">
                <ul>
                    <li>
                        <span>关注了</span>
                        <h3>3</h3>
                    </li>
                    <li>
                        <span>关注者</span>
                        <h3>5</h3>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div id="transform"></div>
    <div id="message">
        <form action="">

        </form>
    </div>
    <script>
        $("#Navigation").load("Navigation.html");
    </script>
</body>

</html>